﻿<!doctype html>
<html>
<head>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<title>最新活动</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/Pager.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/jquery.pager.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/utils.js"></script>
<script type="text/javascript" src="js/openId1.js"></script>
<script type="text/javascript" src="js/qmsk-1.1.js"></script>
<script type="text/javascript">
//全局变量
var _currentIndex = 1; //当前显示的页码
var _pageSize = 6; //每页显示的数量
var _tableId = 'activityList'; //数据被添加到该 Id 指定的 Table 的 tbody 标签上
var _pagerPanel = 'pager'; //显示分页的div 的 Id
/* var _openId =getOpenId(); //获得URl传递 openId
 */var _shopId = getShopId();//获得URl传递 shopId
//var _shopId = 280000024
//var _openId = 280000024; //測試用
var _memoLength=30;	//商店简介需要剪取，设置最大的字符串长度
var _ss=0;

/**
* 入口
*/
$(function() {
	loadPage();
});

/**
* 商店简介需要剪取，设置最大的字符串长度
*/
function cutMemo(memo){
	if(memo==null) return '';
	var len=memo.length;
	if(len>_memoLength){
		return memo.substring(0,_memoLength)+'...';
	}
	return memo;
}

/**
* 将查询返回的数据显示到页面上，参数是服务器返回的查询报文，json对象
*/
function printDataToPage(message) {
	var $Table = $("#" + _tableId);
	//TODO 清除之前可能存在的 tbody 标签，这里应该有更好的办法，有时间看一下
	var row = message.row;
	for ( var i = 0; i < row; i++) {
		_ss = 1;
		//获取值
		var shopId = message.getValue('shopId',i);
		var imageURL =message.getValue('imageURL',i) ;
		var shopName = message.getValue('shopName',i)  ;
		var memo =message.getValue('memo',i)  ;
		
		//创建标签content
		var $Htm="<div class=\"actor\"><dl  onclick=\"redirectUrl('activitiesDet.html?actId="+message.getValue('id',i)+"&shopId="+_shopId+"&openId="+_openId+"')\"  ><dt><img src=\""+message.getValue('imageURL',i)+"\"></dt><dd><p><strong>"+message.getValue('name',i)+"</strong></p><p>活动时间：<span>"+message.getValue('actBeginDate',i).substring(0,10)+"</span>至<span>"+message.getValue('actEndDate',i).substring(0,10)+"</span><span class='download'> <span class='red'>"+message.getValue("count",i)+"</span>人参与</span></p></dd></dl></div>"	
	$Table.append($Htm);
	}
	if(_ss==0){
		$("#noResult").show()
	}

	$("#sup").html('共 ' + row + ' 条');
}


/**
* 加载指定页码的数据，页码从1 开始
*/
function loadPage() {
	if(IsEmpty(_shopId)){
		alert("页面错误");
		return false;
	}
		new qmsk.SiglePinterest({
				url : '../activity/find/activityList/'+_shopId, // 请求地址，插件会自动在 url 后追加 /n/n
				initPage : 1, // 首次加载页数
				size : 10, // 每次加载数量，即每页的大小
				success : printDataToPage, // 成功回调
				valves : 100 ,//当滚动条距离底部该像素的时候加载
				loading : addRefresh,
				loaded : delRefresh,
				emptyHandler :showNoResult

			});
	
	
}
function showNoResult(){
	$("#noResult").show()
}
function tocj(){
	window.location.href="exchange.html?openId="+_openId+"&shopId="+_shopId
}
function toServic(){
	window.location.href="html/service/service.html?openId="+_openId+"&shopId="+_shopId
}
</script>
</head>

<body>

<div class="wrapper" style="background:#ddd;">
    <div class="container" id="activityList">
		<div id="noResult" style="display:none; height: 265px; width: 100%; background: url(images/act.jpg) no-repeat center 62px #f6f6f6; text-align: center;">
			<P style="padding-top: 150px; font-family: Microsoft YaHei; color: #cdcdcd; font-size: 16px;">暂时没有活动，常来看看有惊喜哦！</P>
		</div>
    </div>
</div>
</body>
</html>
